<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
    <script type="text/javascript" src="js/jquery-1.42.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/base.css" rel="stylesheet" type="text/css">
    <link href="css/reg.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="css/headbott.css" type="text/css"/>
    <link rel="stylesheet" href="css/ace.min.css" type="text/css"/>
</head>

<body>
<div class="header-page"></div>
<div class="login-container">

    <div class="space-6"></div>

    <div class="position-relative">
<div id="signup-box" class="signup-box widget-box no-border">
    <div class="widget-body">
        <div class="widget-main">
            <h4 class="header green lighter bigger">
                <i class="ace-icon fa fa-users blue"></i>
                用户注册
            </h4>

            <div class="space-6"></div>
            <p>填写信息: </p>

            <form>
                <fieldset>
                    <label class="block clearfix">
                        <span class="block input-icon input-icon-left">
                            <input type="text" class="form-control" placeholder="邮箱或手机号码" />
                            <i class="ace-icon fa fa-envelope"></i>
                        </span>
                    </label>

                    <label class="block clearfix">
                        <span class="block input-icon input-icon-left">
                            <input type="text" class="form-control" placeholder="用户名" />
                            <i class="ace-icon fa fa-user"></i>
                        </span>
                    </label>

                    <label class="block clearfix">
                        <span class="block input-icon input-icon-left">
                            <input type="password" class="form-control" placeholder="密码" />
                            <i class="ace-icon fa fa-lock"></i>
                        </span>
                    </label>

                    <label class="block clearfix">
                        <span class="block input-icon input-icon-left">
                            <input type="password" class="form-control" placeholder="确认密码" />
                            <i class="ace-icon fa fa-retweet"></i>
                        </span>
                    </label>
                    <!--验证码-->
                    <label class="block clearfix">
                        <span>
                            <input type="text" class="" placeholder="验证码" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <button class="btn btn-default"><a>点击获取验证码</a></button>
                        </span>
                    </label>
                    <label class="block">
                        <input type="checkbox" class="ace" />
                        <span class="lbl">
                            接受
                            <a href="#">用户协议</a>
                        </span>
                    </label>

                    <div class="space-24"></div>

                    <div class="clearfix">
                        <button type="reset" class="width-30 pull-left btn btn-sm">
                            <i class="ace-icon fa fa-refresh"></i>
                            <span class="bigger-110">重置</span>
                        </button>

                        <button type="button" class="width-65 pull-right btn btn-sm btn-success">
                            <span class="bigger-110">注册</span>

                            <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
                        </button>
                    </div>
                </fieldset>
            </form>
            <!--第三方-->
            <div class="social-or-login center">
                <span class="bigger-110">第三方登录</span>
            </div>

            <div class="space-6"></div>

            <div class="social-login center">
                <a href="#">
                    <img src="images/weixin.png">
                </a>

                <a href="#">
                    <img src="images/qq.png">
                </a>

                <a href="#">
                    <img src="images/sina.png">
                </a>
            </div>
        </div>

        <div class="toolbar center">
            <a href="login.html" data-target="#login-box" class="back-to-login-link">
                <i class="ace-icon fa fa-arrow-left"></i>
                返回登录
            </a>
        </div>
    </div><!-- /.widget-body -->
</div>
    </div>
</div>
</div>
<div class="footer-page"></div>



<script>
    $('.header-page').load('header.html');
    $('.footer-page').load('footer.html');
</script>
</body>
</html>
